<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup : Energy</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/makahiki-structure.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="css/theme-new.less">
<script src="js/less-1.3.0.min.js" type="text/javascript"></script>

</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17
                                    overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17
                                    overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <!-- 					<div class="span2 offset1"> -->
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of
                                    20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of
                                    20.</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 					</div> -->
                </div>
                <div class="span3" style="text-align: center">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39
                                    Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <!-- Navbar
    ================================================== -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png"
                        alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>
                <div class="nav-collapse">
                    <ul class="nav">
                        <!-- Choose the correct active page by adding active to the class list -->
                        <li class="home"><a href="home.html"
                            class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html"
                            class="activities"> <img
                                src="./images/spacer-54.png"> Get
                                Nutz
                        </a></li>
                        <li class="active"><a href="energy.html"
                            class="energy"> <img
                                src="./images/spacer-54.png"> Go
                                Low
                        </a></li>
                        <li class=""><a href="water.html"
                            class="water"><img
                                src="./images/spacer-54.png">
                                Water</a></li>
                        <li class=""><a href="news.html"
                            class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html"
                            class="advanced"><img
                                src="./images/spacer-54.png">
                                Advanced</a></li>
                        <li class=""><a href="prizes.html"
                            class="prizes"> <img
                                src="./images/spacer-54.png">
                                Prizes
                        </a></li>
                        <li class=""><a href="profile.html"
                            class="profile"> <img
                                src="./images/spacer-54.png">
                                Profile
                        </a></li>
                        <li class=""><a href="help.html"
                            class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div id="quest-box" style="clear: both">
        <div id="quest-header">
            <h3 id="quest-title">Your Quests</h3>
            <a
                href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#"
                style="float: right"> <img
                src="./images/icon-help-sm.png" width="20"
                align="center"
                title="Click to get help about this window"
                onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
        </div>

        <div style="clear: both"></div>

        <ul id="quest-list">
            <li><a href="javascript:void(0)" id="get-social"
                class="quest-title "> Get social </a></li>

            <li><a href="javascript:void(0)"
                id="get-fully-committed-badge" class="quest-title ">
                    Get the Fully Committed badge </a></li>

            <li><a href="javascript:void(0)"
                id="check-lounge-energy-use" class="quest-title ">
                    Check lounge energy use </a></li>
        </ul>
    </div>
    <p></p>
    
    <div class="container-fluid"> 
      <div class="row-fluid"> 
        <div class="span5 offset1">
          <div class="widget">
            <div class="widget-title">
              Current Lounge Power <a
                href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                style="float: right"> <img
                src="./images/icon-help-sm.png"
                width="20" align="center"
                title="Click to get help about this window"
                onclick="toggleHelp(&#39;widget&#39;, &#39;lounge-power&#39;); return false;"></a>
            </div>
            <div id="energy-power-content">
              <center>
              <div id="energy-power-gauge">
                  <div id="visualization"></div>
              </div>
              <script type="text/javascript"> 
                // Wrap this code in an anonymous self-invoking function to avoid polluting global namespace.
                (function() {
                  var spreadsheetUrl = 'https://spreadsheets.google.com/tq?key=0An9ynmXUoikYdEx3TkRkYjdwdHZkTUo4OGI4NVZ3cmc';
                  var refreshInterval = 15; // refresh every 15 seconds.
                 
                  // Load the visualization API and the spreadsheet, then call displayEnergy.
                  var loader = new org.wattdepot.gdata.GDataLoader(displayEnergy, spreadsheetUrl, refreshInterval);  
                 
                  function displayEnergy(datatable) {
                    var source = 'Ilima-E';
                    var options = {width : 200, 
                                   title : source, 
                                   captionStyle : {fontSize : '0.70em'}, 
                                   titleStyle : {fontWeight : 'bold'}, 
                                   globalStyle : {fontFamily : 'sans-serif'},
                                   backgroundColor : "EBE7BC",
                                   powerRange : 2000};
                    var energyChart = new org.wattdepot.gdata.makahiki.PowerMeter();
                    energyChart.draw('visualization', source, datatable, options);
                  }
                })();  
              </script>
              </center>
            </div>
            
            <div style="position: relative; height: 530px;">
              <div class="">
                <div class="widget-title">
                  Overall kWh Score Board <a
                      href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                      style="float: right"> <img
                      src="./images/icon-help-sm.png"
                      width="20" align="center"
                      title="Click to get help about this window"
                      onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
                </div>
                <div id="energy-scoreboard-content">
                    <table></table>
                </div>
              </div>
              <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 2; position: absolute; opacity: 0; display: none;">
                <div id="energy-scoreboard-title"
                    class="content-box-title"
                    style="width: 100%">
                    Round 2 kWh Score Board <a
                        href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                        style="float: right"> <img
                        src="./images/icon-help-sm.png"
                        width="20" align="center"
                        title="Click to get help about this window"
                        onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
                </div>
                <div id="energy-scoreboard-content">
                    <table></table>
                </div>
              </div>
              <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 1; position: absolute; opacity: 0; display: none;">
                <div id="energy-scoreboard-title"
                    class="content-box-title"
                    style="width: 100%">
                    Round 1 kWh Score Board <a
                        href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                        style="float: right"> <img
                        src="./images/icon-help-sm.png"
                        width="20" align="center"
                        title="Click to get help about this window"
                        onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
                </div>
                <div id="energy-scoreboard-content">
                    <table
                        id="round-1-energy-scoreboard"></table>
                </div>
              </div>
            </div>
            <div id="scoreboard-cycle-nav">
              <a
                  href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                  class="activeSlide">1</a><a
                  href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">2</a><a
                  href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">3</a>
            </div>
            <div id="energy-scoreboard-message">
              #1 at end of round wins a <a
                  href="http://dasha.ics.hawaii.edu:8200/prizes">
                  prize!</a>
            </div>
          </div>
        </div>
        
        <div class="span7">
          <div class="widget">
            <div>
              <div class="widget-title">
                  Daily Energy Goal Game <a
                      href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                      style="float: right"> <img
                      src="./images/icon-help-sm.png"
                      width="20" align="center"
                      title="Click to get help about this window"
                      onclick="toggleHelp(&#39;widget&#39;, &#39;energy-goal-game&#39;); return false;"></a>
              </div>
              <div>
                <fieldset>
                  <legend>Current Status</legend>
                  <script type="text/javascript"> 
				  // Wrap this code in an anonymous self-invoking function to avoid polluting global namespace.
				  (function() {
					var spreadsheetUrl = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdEdmU21FaWtlSlNSSnQ3YmNxUFBWaFE';
					var refreshInterval = 15; // refresh every 15 seconds.
				   
					// Load the visualization API and the spreadsheet, then call displayEnergy.
					var loader = new org.wattdepot.gdata.GDataLoader(displayEnergy, spreadsheetUrl, refreshInterval);  
				   
					function displayEnergy(datatable) {
					  var source = 'Ilima-E';
					  var options = {};  // no options currently supported. 
					  var energyChart = new org.wattdepot.gdata.makahiki.EnergyGoalGame();
					  energyChart.draw('EnergyGoalGame-visualization', source, datatable, options);
					  
					  //display_energy_calculator("energy-calculator", source, datatable);   
					} 
								
				  })();
				  
				  
				  function display_energy_calculator(div, source, datatable)
				  {
					 var row = -1;
					 for (var i = 0; i < datatable.getNumberOfRows(); i++) {
						if (datatable.getValue(i, 0) == source) {
						  row  = i;
						}
					 }
					  
					 var actualConsumption = parseInt(datatable.getValue(row,2));
					 var goalConsumption = parseInt(datatable.getValue(row,3));
					 var diff = actualConsumption - goalConsumption;
					 if (diff < 0) { diff = 0 - diff; }
				  
					 var appliance_type = ["Playing XBox 360",
								  "Using laptop",
								  "Watching plasma TV",
								  "Playing stereo",
								  "Playing Wii",
								  "Playing Playstation 3"];
					 var appliance_data = [185.0, 
									  70.0, 
									  300.0, 
									  100.0, 
									  20.0, 
									  195.0];
				  
					 var selectText = '<select onchange="cal_energy(this.options[this.selectedIndex]);" >\n';
					 for (var i=0; i<appliance_type.length; i++) 
					 {   var diffstr = diff*1000/appliance_data[i];
						 selectText += '<option value="'+diffstr.toFixed(1)+'">'+appliance_type[i]+'</option>\n';
					 }
					 selectText += '</select> '
					  
					 var diffstr = diff*1000/appliance_data[0]; 
					 document.getElementById(div).innerHTML = "We need to conserve energy to meet our goal, but what does "+diff+" kWh mean? <p/>" +
					   "To save "+diff+"  kWh, we must reduce our energy use by an amount equivalent to" + 
					   selectText + 
					   "<div id='cal_energy_text'> for "+diffstr.toFixed(1)+" hours</p>";          
				  }
				  
				  function cal_energy(selected)
				  {1
					document.getElementById("cal_energy_text").innerHTML = 
					"for "+selected.value+" hours</p>"
				  }
				  </script>

                  <p></p>
                  <center>
                      <b> Each member receives 20
                          points each day that we make
                          our goal. </b>
                  </center>
                </fieldset>

                <fieldset id="energy-status-how">
                  <legend>How can we make our
                      daily goal?</legend>
                  <table>
                    <tbody>
                      <tr>
                        <td>The
                            following activities
                            can help your lounge
                            conserve energy, and
                            you earn points!
                          <table>
                              <thead>
                                  <tr>
                                      <th>Activity</th>
                                      <th>Points</th>
                                  </tr>
                              </thead>
                              <tbody>

                                  <tr>
                                      <td><a
                                          href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-vampires">I
                                              will
                                              turn
                                              off
                                              vampire
                                              loads
                                              using
                                              a
                                              power
                                              strip</a></td>
                                      <td>5</td>
                                  </tr>
                              </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </fieldset>

                <fieldset>
                  <legend>Organize with your
                      lounge peeps</legend>
                  Got ideas on how to conserve energy?
                  Share it on the lounge wall:<br>
                  <div>
                    <div>
                      <form id="news-post-form"
                        action="http://dasha.ics.hawaii.edu:8200/news/post/"
                        method="POST">
                        <div>
                          <input type="hidden"
                              name="csrfmiddlewaretoken"
                              value="a24f5c59567f2c177a6fd44ab2ab1de9">
                        </div>
                        
                        <div id="wall-post">
                            <textarea
                                id="id_post"
                                rows="10"
                                cols="40"
                                name="post">What's on your mind?</textarea>
                        </div>
                        <div>
                            <button
                                id="wall-post-submit"
                                style="font-size: 14px; margin-top: 0.8em; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.8em;"
                                class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only"
                                role="button"
                                aria-disabled="true"
                                disabled="">
                                <span
                                    class="ui-button-text">
                                    Post </span>
                            </button>
                        </div>
                        <!--- <a id="wall-post-submit" href="#">Post</a> -->
                      </form>
                    </div>
                      <ul>
                      </ul>
                      <p
                          style="padding: 7px;">There
                          are no posts yet!</p></fieldset><br/>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <div id="footer"></div>









    <div id="fb-root" class=" fb_reset">
        <div
            style="position: absolute; top: -10000px; height: 0px; width: 0px;"></div>
    </div>
    <script src="./js/all.js"></script>

    <script type="text/javascript">
  FB.init({
    appId: '233999643296575', 
    status: true, 
    cookie: true, 
    xfbml: true
  });
  
  // Normally, we would wrap this in an anonymous function, but we want it to be available for later.
  // Get the spreadsheet we need.
  var energyLastThirtyDays = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdHhxeW1xRURQZUlGd1oxVERnQktsWXc';
  var refreshInterval = 0; // don't refresh this spreadsheet.

  // Load the visualization API and the spreadsheet, then call displayRank.
  var loader = new org.wattdepot.gdata.GDataLoader(displayRank, energyLastThirtyDays, refreshInterval);  

  function displayRank(energyDataTable) {
    // The source for which we want to find the rank must be specified by Makahiki.
    var source = 'Ilima-E';
    var energyRank = new org.wattdepot.gdata.makahiki.EnergyRank();
    
    // Get the usage for the current round and overall.
    
      // console.log('Overall start: 87, end: 67');
      var usage = energyRank.processDataTable(energyDataTable, 87, 67);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
      energyRank.draw("overall-energy-rank", "overall-energy-value", info);
      
      
      
  
  
  
  if (document.getElementById('overall-energy-scoreboard') !== null) {
    energyRank.drawCompleteStandings("overall-energy-scoreboard", "Ilima-E", usage);
  }

    
      // console.log('Round 2 start: 80, end: 74');
      var usage = energyRank.processDataTable(energyDataTable, 80, 74);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
  
  
  
  if (document.getElementById('round-2-energy-scoreboard') !== null) {
    energyRank.drawCompleteStandings("round-2-energy-scoreboard", "Ilima-E", usage);
  }

    
      // console.log('Round 1 start: 87, end: 81');
      var usage = energyRank.processDataTable(energyDataTable, 87, 81);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
  
  
  
  if (document.getElementById('round-1-energy-scoreboard') !== null) {
    energyRank.drawCompleteStandings("round-1-energy-scoreboard", "Ilima-E", usage);
  }

    
  }
</script>


    <script type="text/javascript">
  jQuery(document).ready(function($) {
    $("#energy-scoreboard").cycle({
        height: "530px",
        pause: 1,
        timeout: 7000,
        pager: '#scoreboard-cycle-nav'
    });
  })
</script>




    </div>
    </div>


    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-widget-help-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-widget-help-dialog">Help</span><a
                href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="widget-help-dialog" style=""
            class="ui-dialog-content ui-widget-content"></div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-dialog">Send
                Feedback</span><a
                href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-dialog" style=""
            class="ui-dialog-content ui-widget-content">
            <form id="feedback-form"
                action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/"
                method="POST">
                <div style="display: none">
                    <input type="hidden" name="csrfmiddlewaretoken"
                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                </div>
                <p>Having issues? Just want to tell us something?
                    Let us know!</p>
                <input id="id_url" type="hidden" name="url" value="">
                <textarea id="id_question" rows="3" cols="53"
                    name="question"></textarea>
                <br> <input id="feedback-submit" type="submit"
                    value="Send"
                    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled"
                    role="button" aria-disabled="true" disabled="">
                <span id="feedback-spinner" style="display: none">
                    Sending <img src="./images/spinner.gif">
                </span>
            </form>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-success">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-success">Thank You!</span><a
                href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-success" style=""
            class="ui-dialog-content ui-widget-content">
            <p style="text-align: left">Your feedback has been sent
                to the administrators. If you asked a question, they
                will email you a response as soon as possible.</p>

            <button>OK</button>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div id="media_floatingBar"
        style="position: absolute; left: 939px; top: 14px;">
        <a id="001" title="View Original Image"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_orl.png);"></a><a
            id="002" title="Magnifier"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png);"></a>
    </div>


    <!-- javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>

    <script type="text/javascript">
	$.fn.cycle.defaults.timeout = 6000;
	$(function() {
		$('#user-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});

	$(function() {
		$('#team-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});
	
	$(function() {
		$('#round-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});
	
	$(function() {
		$('#single-cycle').cycle({
			fx : 'scrollUp', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1,
			height : 55
		});
	});
	</script>

</body>
</html>